<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Cache-Control" content="No-Cache">
	<meta http-equiv="Pragma" content="No-Cache">

	<title>운세의신</title>
    
    <link rel="stylesheet" type="text/css" href="/css/common.css">
    <link rel="stylesheet" type="text/css" href="/css/sub.css">
	<link rel="stylesheet" type="text/css" href="/css/free.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			
			// 메뉴 링크 설정
			$(".stella .sign ul li a").each(function(index) {
				$(this).click(function() {
					search($(this).text());
				});
			});

			// 기본적으로 성격 탭을 보여준다. 
			$(".result").hide();
			$(".result").eq(0).show();
			
			// 탭메뉴
			$(".stella_tab ul li a").each(function(index) {
				$(this).click(function(){
					$(".stella_tab ul li a").each(function(index) {
						$(this).removeClass().addClass('tab0'+(index+1));
					});
					$(this).removeClass().addClass('on'+(index+1));
					$(".result").hide();
					$(".result").eq(index).show();
					$("#sub_title").html($(this).text());
				});
			});
		});
		
		function search(what) {
			$("#frm #what").val(what);
			$("#frm").submit();
		}
	</script>

</head>
<body>
<form name="frm" id="frm" method="post" action="/unse/free/conste/result">
	<input type="hidden" name="what" id="what" />
</form>
<div id="wrap">
	<!-- Header -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_header.php'; ?>
	<!--// Header -->
    
    <!--커튼 데코레이션-->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/drape.php'; ?>
	<!--//커튼 데코레이션-->
    
    <!--컨텐츠-->
	<div id="content">
		<!--휘장-->
		<div class="keybox1"> </div>
		<!--//휘장-->
		
		<p class="key_visual"><img src="/images/sub/free/free_visual.png" alt="무료운세" /></p>	
		
		<!--왼쪽컨텐츠-->
		<div class="assistant">
			<!--왼쪽 메뉴-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/inc_lnb.php'; ?>
			<!--// 왼쪽 메뉴-->

			<!--추천테마-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/theme2.php'; ?>
			<!--//추천테마-->

			<!--회원가입-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/member_join.php'; ?>
			<!--//회원가입-->

			<!--고객센터-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/cs.php'; ?>
			<!--//고객센터_추가-->
		</div>
		<!--//왼쪽컨텐츠-->

		<!-- 메인컨텐츠-->
		<div class="cont">
	 	<!-- Contents -->
				
			<div class="stella">
				<h3 class="freetit"><img src="/images/free/stella_banner.png" alt="별자리운세" /></h3>
				<div class="box">
				<div class="sign blind">
					<ul>
						<li><a href="javascript:;" class="sign01">물병자리</a></li>
						<li><a href="javascript:;" class="sign02">물고기자리</a></li>
						<li><a href="javascript:;" class="sign03">양자리</a></li>
						<li><a href="javascript:;" class="sign04">황소자리</a></li>
						<li><a href="javascript:;" class="sign05">쌍둥이자리</a></li>
						<li><a href="javascript:;" class="sign06">게자리</a></li>
						<li><a href="javascript:;" class="sign07">사자자리</a></li>
						<li><a href="javascript:;" class="sign08">처녀자리</a></li>
						<li><a href="javascript:;" class="sign09">천칭자리</a></li>
						<li><a href="javascript:;" class="sign10">전갈자리</a></li>
						<li><a href="javascript:;" class="sign11">사수자리</a></li>
						<li><a href="javascript:;" class="sign12">염소자리</a></li>
					</ul>
				</div><!--sign-->
				<div class="stella_tab blind">
					<ul>
						<li><a href="javascript:;" class="on1">성격</a></li>
						<li><a href="javascript:;" class="tab02">단점</a></li>
						<li><a href="javascript:;" class="tab03">직업과 재물</a></li>
						<li><a href="javascript:;" class="tab04">행운요소</a></li>
						<li><a href="javascript:;" class="tab05">연애와 결혼</a></li>
						<li><a href="javascript:;" class="tab06">건강과 질병</a></li>
						<li><a href="javascript:;" class="tab07">주택</a></li>
						
					</ul>
				</div><!--stella_tab-->
				<div class="conts">
					<div class="stbox">
						<div class="title">
							<dl>
								<dt><span id="sub_title">성격</span></dt>
								<dd><?=$contents['F013']['express']?> <?=$contents['F013']['keyword']?></dd>
							</dl>
						</div><!--title-->
						<div class="result">
							<?=$contents['F013']['data_m_1']?>
						</div>
						<div class="result">
							<?=$contents['F013']['data_m_2']?>
						</div>
						<div class="result">
							<?=$contents['F013']['data_m_3']?>
						</div>
						<div class="result">
							<?=$contents['F013']['data_m_4']?>
						</div>
						<div class="result">
							<?=$contents['F013']['data_m_5']?>
						</div>
						<div class="result">
							<?=$contents['F013']['data_m_6']?>
						</div>
						<div class="result">
							<?=$contents['F013']['data_m_7']?>
						</div><!--result-->
					</div><!--stbox-->
				</div><!--conts-->

			 
				</div><!--box-->
			</div><!--stella-->
		</div>	
		<!--// Contents -->
        <!--서비스배너-->
        <? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/bn_service.php'; ?>
        <!--//서비스배너--> 
		</div>
        <!--// 메인컨텐츠-->

	<!-- Footer -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_footer.php'; ?>
	<!--// Footer -->
   
</div>
</body>
</html>